<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>主页</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Flatro Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="css/basic.css" />
<link rel="stylesheet" type="text/css" media="screen,projection" charset="utf-8" href="css/jquery.tmailsider.css" />
<link rel="stylesheet"  href="css/global_v2.css" >
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<link rel="stylesheet"  href="css/global_v2.css" >
<!-- Custom Theme files -->
<!--webfont-->
<link href='http://fonts.useso.com/css?family=Lato:100,200,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<!-- start menu -->
<link href="css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/megamenu.js"></script>
<script>$(document).ready(function(){$(".megamenu").megamenu();});</script>
<script type="text/javascript" src="js/picture_circle.js"></script>

<script>
$(document).ready(function(c) {
	$('.alert-close1').on('click', function(c){
		$('.message1').fadeOut('slow', function(c){
	  		$('.message1').remove();
		});
	});	  
});
</script>

</head>
<body>

<div class="header_top">
	<div class="container">
	
         <div class="cssmenu">
			<ul>				
			    <li class="active" ><a href="login.jsp" id="login">登录</a></li>&nbsp;&nbsp;
			    <li class="active"><a href="regist.jsp">注册</a></li> 
			</ul>
		 </div>
	</div>
</div>	
<div class="wrap-box"></div>
<div class="header_bottom">
	    <div class="container">
			<div class="col-xs-9 header-bottom-left">
				<div class="col-xs-2 logo">
					<h1><a href="index.html"><span>购</span>物</a></h1>
				</div>
				<div class="col-xs-7 menu">
		            <ul class="megamenu skyblue">
				        <li class="active grid"><a class="color1" href="BuyerIndex.jsp">服装店</a>
					    <li class="grid"><a class="color2" href="#">超市</a>						
						<li><a class="color4" href="about.html">鞋店</a></li>				
						<li><a class="color5" href="404.html">电子产品店</a></li>
						<li><a class="color6" href="contact.html">其他</a></li>
			 		</ul> 
			</div>
		</div>
	          <div class="clearfix"></div>
	 </div>
</div>
<div style="height:60px; clear: both; padding-bottom:60px; margin-bottom:300px;">
	    <div class="weiduduan clearfix">
	    	<div class="slide" id="slide">   			
				<script type="text/javascript" src="js/jquery.tmailsider.js"></script>
				<script type="text/javascript">
					$('#Z_TypeList').Z_TMAIL_SIDER();
				</script>
			         <div id="panel">
			             <ul>
			                 <li style="position: fixed; z-index: -1;"><img class="loading" src="images/loading.gif"/></li>
			              </ul>
			         </div>                     					
			  </div>				 
     	</div>		  
 	</div>

<div class="content_top">
	<h3 class="m_1">新款上市</h3>
	<div class="container">
	   <div class="box_1">
	       <div class="col-md-7">
			    <div class="section group">
						<div class="col_1_of_3 span_1_of_3">
							<div class="shop-holder">
		                         <div class="product-img">
		                            <a href="senma.jsp">
		                                <img width="225" height="265" src="images/waitao.jpg" class="img-responsive"  alt="item4">		                            </a>
		                            <a href="" class="button "></a>		                        
		                         </div>
		                    </div>
		                    <div class="shop-content" style="height: 80px;">
		                            <div><a href="senma.jsp" rel="tag">新款上市</a></div>
		                            <h3><a href="senma.jsp">森马官方旗舰店</a></h3>
		                            <span><span class="amount">欢迎进店</span></span>
		                    </div>
						</div>
						<div class="col_1_of_3 span_1_of_3">
							<div class="shop-holder">
		                         <div class="product-img">
		                            <a href="single.html">
		                                <img width="225" height="265" src="images/t-shirt.jpg" class="img-responsive"  alt="item4">		                            </a>
		                            <a href="" class="button "></a>		                         </div>
		                    </div>
		                    <div class="shop-content" style="height: 80px;">
		                            <div><a href="single.html" rel="tag">热店促销</a></div>
		                            <h3><a href="single.html">裂帛官方旗舰店</a></h3>
		                            <span><span class="amount">欢迎进店</span></span>
		                    </div>
						</div>
						<div class="col_1_of_3 span_1_of_3">
							<div class="shop-holder">
		                         <div class="product-img">
		                            <a href="single.html">
		                                <img width="225" height="265" src="images/japan.jpg" class="img-responsive"  alt="item4">		                            </a>
		                            <a href="" class="button "></a>		                        
		                         </div>
		                    </div>
		                    <div class="shop-content" style="height: 80px;">
		                            <div><a href="single.html" rel="tag">限时促销</a></div>
		                            <h3><a href="single.html">茵曼官方旗舰店</a></h3>
		                            <span><span class="amount">限时促销</span></span>
		                    </div>
						</div>
						<div class="clearfix"></div> 
				</div>
		</div>
		<div class="col-md-5 row_3">
			<div class="about-block-content">
		       <div class="border-add"></div>
				<h4>关于我们</h4>
				<p>这是一家专门做特卖的网站，这里有最新的款式，这里紧跟时代潮流，来这里找到你的style</p>
				<p>想要不一样吗？想要疯狂吗？加入我们吧。</p>
				<p>		        	</p></div>
				<img src="images/buy.jpg" class="img-responsive" alt=""/>
	    </div>
		<div class="clearfix"></div>
	</div>
</div>
</div>
<div class="content_bottom">
<div class="container">
	<h2 class="m_3">HOT</h2>
	<div class="grid_1">
		<div class="col-md-6 blog_1">
			<div class="item-inner"> 
				<img src="images/show1.jpg" class="img-responsive" alt=""/>																	
					<div class="date-comments">
						<div class="time"><span class="date"><span class="word1">14</span> <span class="word2">韩度衣舍</span> </span></div>											 
						<div class="comments">
						<span><span class="word1">14</span>
						<span class="word2">相似</span></span>
						</div>
					 </div>
			</div>   
		</div>
		<div class="col-md-6 row_2">
			<div class="item-inner"> 
				<img src="images/show2.jpg" class="img-responsive" alt=""/>																	
					<div class="date-comments">
						<div class="time"><span class="date"><span class="word1">14</span> <span class="word2">拉钩钩</span> </span></div>											 
						<div class="comments">
						<span><span class="word1">0</span>
						<span class="word2">相似</span></span>
						</div>
					 </div>
			</div>   
	    </div>
		<div class="clearfix"></div>
	</div>
</div>	
</div>
<div class="content_bottom-grid">
	<div class="col-md-6 row_4"></div>
	 <div class="col-md-6">
		<div class="row_5">
						<div class="col_1_of_3 span_1_of_3">
							<div class="shop-holder1">
		                        <a href="single.html"><img src="images/photo5.jpg" class="img-responsive" alt=""/></a>
		                    </div>
		                    <div class="shop-content" style="height: 80px;">
		                            <h3><a href="single.html">裂帛官方旗舰店</a></h3>
		                            <span><span class="amount">时尚优品</span></span>
		                    </div>
						</div>
						<div class="col_1_of_3 span_1_of_3">
							<div class="shop-holder1">
		                        <a href="single.html"><img src="images/photo1.jpg" class="img-responsive" alt=""/></a>
		                    </div>
		                    <div class="shop-content" style="height: 80px;">
		                            <h3><a href="single.html">七格格</a></h3>
		                            <span><span class="amount">1折起</span></span>
		                    </div>
						</div>
						<div class="col_1_of_3 span_1_of_3">
							<div class="shop-holder1">
		                        <a href="single.html"><img src="images/photo8.jpg" class="img-responsive" alt=""/></a>
		                    </div>
		                    <div class="shop-content" style="height: 80px;">
		                            <h3><a href="single.html">裂谷服饰专营店</a></h3>
		                            <span><span class="amount">最低99起</span></span>
		                    </div>
						</div>
						<div class="clearfix"></div> 
					</div>
	</div>
	<div class="clearfix"> </div>
</div>

		<div class="footer_bottom">
			<div class="copy">
                <p>Copyright &copy; 2016.Company name All rights reserved.---置之死地而后生---</p>
	        </div>
	    </div>

</body>
</html>	